
.comment-item{
  display: flex;
  flex-direction: column;
  //  用户信息
  &__user{
    display: flex;
    position: relative;
    &-avatar{
      width: 72px;
      height: 72px;
      overflow: hidden;
      border-radius: 50%;
    }
    &-info{
      flex: 1;
      padding-left: 20px;
      padding-right: 200px;
    }

    &-time{
      top: 0;
      right: 0;
      color: #999;
      position: absolute;
      font-size: 24px;
    }
  }

  //  评论等级
  &__grade{
    display: flex;
    &-title{
      color: #b4b4b4;
    }
  }

  //  评论内容
  &__content{
    padding: 20px 0;
    font-size: 28px;
  }

  //  评论图片
  &__photo{
    &-item{
      width: 218px;
      height: 218px;
      overflow: hidden;
      margin-right: 18px;
      border-radius: 10px;
      margin-bottom: 20px;
      &:nth-child(3n){margin: 0;}
    }
  }

  //  商品信息
  &__goods{
    display: flex;
    padding: 20px;
    box-shadow: 0 10px 32px 0 rgba(12, 3, 7, .1);
    border-radius: 20px;
    margin-bottom: 20px;
    &-attr{
      color: #999;
      font-size: 22px;
    }
    &-img{
      width: 150px;
      height: 150px;
      overflow: hidden;
      border-radius: 10px;
    }
    &-info{
      flex: 1;
      padding-left: 20px;
    }
    &-btn{
      height: 54px;
      font-size: 24px;
    }
  }
}